<%@ include file="/WEB-INF/jsp/includes/doctype.jsp"%>
<%@ include file="/WEB-INF/jsp/includes/stdtags.jsp"%>

<%@ taglib prefix="starhub" tagdir="/WEB-INF/tags"%>
<div class="nav-tabs-wrapper">
   <ul class="nav nav-tabs customer-tab">
      <li id="nav-tabs-existing-customer" class="active">
         <a id="nav-tabs-existing-customer-link" data-toggle="tab" href="#existing-customer">Existing Customer</a>
      </li >
      <li id="nav-tabs-new-customer">
         <a id="nav-tabs-new-customer-link" data-toggle="tab" href="#new-customer">New Customer</a>
      </li>
   </ul>
   <div class="tab-content">
      <div class="tab-pane active" id="existing-customer">
         <div class="tabpar1 parsys">
            <div class="section keytask">
               <div class="section-menu">
                  <div class="content-grid">
                     <div class="tiles free-tiles even-tiles">
                     	<c:forEach var="tile" items="${existingCustomerTiles}">
                     		<starhub:tile tile="${tile}" isAdmin="${isAdmin}"/>
                     	</c:forEach>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="tab-pane" id="new-customer">
         <div class="parsys tabpar2">
            <div class="section keytask">
               <div class="section-menu">
                  <div class="content-grid">
                     <div class="tiles free-tiles even-tiles">
                     	<c:forEach var="tile" items="${newCustomerTiles}">
                     		<starhub:tile tile="${tile}" isAdmin="${isAdmin}"/>
                     	</c:forEach>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
<!-- End Tabs -->
<script type="text/javascript">
   $(document).ready(function() {
       $("#existing-customer").addClass("active");
   });
</script>